

.storeNavt{width: 100%;height: 45px;border-bottom: 1px solid #ccc;display: flex;justify-content: space-between;align-items: center;
}
.storeNavt>div:nth-child(1){width: 120px;height: 25px;display: flex;margin-left: 35px;
}
.storeNavt>div:nth-child(1) img{width: 25px;height: 25px;
}
.storeNavt>div:nth-child(1) div{line-height: 25px;margin-left: 5px;padding: 0;color: #333;font-size: 14px;
}
.userNavT{width: 220px;display: flex;align-items: center;
}
.userNavT>div:nth-child(1){display: flex;
}
.userNavT>div:nth-child(1) img{width: 20px;height: 20px;margin-top: 3px;
}
.userNavT>div:nth-child(1) div{line-height: 25px;margin-left: 5px;padding: 0;color: #333;font-size: 14px;
}
.userNavT>div:nth-child(2){color: #888;font-size: 14px;cursor: pointer;
}


    .store {position: relative;
    }

    .storeData {margin-top: 40px;width: 100%;display: flex;justify-content: center;flex-wrap: wrap;
    }

    .storeNav {height: 50px;background-color: #fff;width: 95%;border-top-left-radius: 5px;border-top-right-radius: 5px;display: flex;justify-content: space-between;align-items: center;border: 1px solid #efefef;border-top: 2px solid #3c8dbc;border-bottom: 1px solid #8492a6;
    }

    .seekStore {margin-left: 15px;width: 450px;height: 50px;display: flex;align-items: center;display: flex;
    }
    .seekStore>div{margin-right: 10px;margin-left: 10px;}
    .seekStore select{display: block;width: 100px;height: 30px;line-height: 30px;padding-left: 5px;font-size: 14px;border-radius: 3px;border: 1px solid #d3dce6;}
    .seekStore input {height: 30px;border: 1px solid #d3dce6;width: 200px;border-radius: 2px;padding-left: 5px;font-size: 15px;border-right: 0;
    }
    .seekInPut{width: 230px;position: relative;height: 30px;overflow: hidden;}
    .serach span{font-size: 20px;cursor: pointer;color: #333;}
    .serach{position: absolute;width: 30px;height: 30px;border: 1px solid #ddd;top: 0;right: 0;display: flex;align-items: center;justify-content: center;border-left: 0;}
    .addStore {line-height: 32px;width: 65px;height: 33px;margin-right: 40px;text-align: center;background-color: #fafafa;color: #000;font-size: 13px;border: 1px solid #ddd;border-radius: 3px;cursor: pointer;display: flex;align-items: center;justify-content: center;
    }
    .addStore span{font-size: 12px;margin-right: 5px;}
    .storeDetails {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;min-height: 500px;background-color: #fff;width: 95%;border: 1px solid #efefef;
    }
    .storeDetails>ul>li {display: flex;height: 50px;text-align: center;line-height: 50px;
    }

    .storeDetails>ul>li>div {border-left: 1px solid #ddd;
    }
    .storeDetails>ul>li .imgLi {width: 10%;display: flex;align-items: center;justify-content: center;
    }
    .storeDetails>ul>li>div:nth-child(1) {width: 10%;min-width: 79px;
    }
    .storeDetails>ul>li>div:nth-child(2) {width: 10%;min-width: 70px;
    }
    .storeDetails>ul>li>div:nth-child(3) {width: 10%;min-width: 70px;
    }
    .storeDetails>ul>li>div:nth-child(4) {width: 15%;
    }
    .storeDetails>ul>li>div:nth-child(5) {width: 12%;min-width: 95px;
    }

    .storeDetails>ul>li>div:nth-child(6) {width: 13%;min-width: 115px;
    }

    .storeDetails>ul>li>div:nth-child(7) {width: 30%;overflow: hidden;min-width: 310px;border-right: 1px solid #ddd;
    }

    .storeDetails>ul>li>div:nth-child(7) small {cursor: pointer;font-size: 15px;padding: 4px;border-radius: 2px;margin-left: 3px;margin-right: 3px;border: 1px solid #ddd;color: #666;font-size: 14px;
    }
    .storeDetails>ul>li>div:nth-child(7) small span{font-size: 12px;margin-right: 3px;}
     .elbut {color: #666;
    }

    .storeDetails>ul .firstLi {border-bottom: 1px solid #8492a6;font-size: 15px;font-weight: 600;color: #000;background-color: rgb(245, 245, 245);
    }

    .storeDetails>ul .dataLi {border-bottom: 1px solid #ddd;height: 45px;color: #000;font-size: 14px;
    }

    .dataLi>div:nth-child(1) img {width: 35px;height: 35px;border: 1px solid #99a9bf;border-radius: 3px;
    }
    .storeDetails>ul .nullLi>div:nth-child(1){width: 100%;text-align: center;}
    .dataLi:hover {background-color: rgb(245, 245, 245);
    }

    .storeDetails>ul .lastLi {border-top: 1px solid #8492a6;overflow: hidden;height: 55px;
    }
    .storeDetails>ul .lastLi>div{border: 0}
    .storeDetails>ul .lastLi .lastSel {width: 530px;height: 35px;margin-top: 10px;
    }

    .storeDetails>ul .lastLi .lastPag {width: 50px;height: 35px;margin-top: 5px;
    }
    /*添加弹出框*/

    .addPopup {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.47);
    }

    .addMain {width: 570px;height: 555px;background-color: #fff;border: 1px solid #8492a6;border-radius: 7px;margin: calc((100vh - 560px) / 2) auto;z-index: 1;
    }

    .addMain .promptC {color: red;text-align: center;line-height: 25px;height: 20px;
    }
    .addPone {height: 55px;display: flex;margin-top: 10px;
    }

    .addPone>div:nth-child(1) {width: 190px;height: 55px;line-height: 55px;text-align: center;font-size: 15px;color: #000;
    }

    .addPone>div:nth-child(2) {display: flex;align-items: center;
    }

    .addPone>div:nth-child(2) input {width: 330px;height: 35px;line-height: 35px;padding-left: 5px;font-size: 14px;border-radius: 3px;border: 1px solid #d3dce6;
    }

    .addPone>div:nth-child(1) small {color: red;margin-right: 5px;font-size: 14px;
    }
    .SelectType select{display: block;width: 110px;height: 30px;line-height: 30px;padding-left: 5px;font-size: 14px;border-radius: 3px;border: 1px solid #d3dce6;}
    .addOper {margin-top: 10px;height: 60px;display: flex;justify-content:flex-end;align-items: center;border-top: 1px solid #ccc;
    }

    .addOper>button {width: 80px;height: 35px;color: #fff;font-size: 15px;border-radius: 3px;border: 1px solid #f9fafc;
    }

    .addOper>button:nth-child(1) {background-color: #20a0ff;margin-right: 20px;
    }
    .addOper>button:nth-child(2) {
        background-color: #ff4949;margin-right: 40px;
    }
    /*详情弹出框*/

    .detailsPopup {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);
    }

    .detailMain {width: 600px;height: 560px;background-color: #fff;border: 1px solid #8492a6;border-radius: 7px;margin: calc((100vh - 560px) / 2) auto;box-shadow: 0 -3px 3px #8492a6;
    }
    .detailMain .addPone>div:nth-child(1){width: 150px;text-align: right;}
    .detailMain .addPone>div:nth-child(2){width: 440px;}
    .detailMain .addPoneImg>div:nth-child(2){border: 1px solid #ddd;width: 40px;height: 40px;border-radius: 3px;overflow: hidden;}
    .detailMain .addPoneImg>div:nth-child(2)>img{width: 100%;height: 100%;margin: 0;}
    .detailMain .addPone>div:nth-child(2) {font-size: 16px;color: #000;margin-left: 17px;
    }

    .detailMain .addPone {border: 0;margin: 0;height: 45px;
    }
    #nullImg{width: 100px;height: 100px;border: 1px solid red;}
    .detailMain .addPone>div:nth-child(1) {line-height: 45px;
    }

    .detailMain .addAtlas {height: 100px;
    }

    .detailMain .addAtlas>ul {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;
    }

    .detailMain .addAtlas>ul>li {text-align: center;width: 80px;height: 80px;border: 1px solid #99a9bf;border-radius: 5px;margin-left: 7px;margin-right: 7px;float: left;overflow: hidden;line-height: 80px;text-align: center;
    }

    .detailMain .addAtlas>ul>li img {width: 100%;height: 100%;
    }
    /*流水弹出框*/

    .waterPopup {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);
    }

    .waterMain {width: 700px;height: 550px;background-color: #fff;border: 1px solid #8492a6;border-radius: 7px;margin: calc((100vh - 550px) /2) auto;
    }

    .waterData {width: 100%;height: 450px;background-color: #f9fafc;display: flex;justify-content: center;align-items: center;
    }

    .waterDs {width: 97%;height: 460px;background-color: #fff;border: 1px solid #8492a6;border-radius: 3px;
    }

    .waterDs>ul>li {display: flex;height: 45px;line-height: 45px;text-align: center;
    }

    .waterDs>ul>li>div:nth-child(1) {width:10%;
    }
    .waterDs>ul>li>div:nth-child(2) {width:30%;
    }
    .waterDs>ul>li>div:nth-child(3) {width:25%;
    }
    .waterDs>ul>li>div:nth-child(4) {width:15%;
    }
    .waterDs>ul>li>div:nth-child(5) {width:20%;
    }
    .waterDs>ul .waterNullLi>div:nth-child(1){width: 100%;text-align: center;}
    .waterfirstLi {border-bottom: 1px solid #8492a6;font-size: 15px;color: #475669;font-weight: 600;
    }

    .waterDs>ul .waterdataLi {border-bottom: 1px solid #d3dce6;cursor: pointer;height: 35px;line-height: 35px;font-size: 14px;color: #000;
    }
    .waterDs>ul .waterdataLi>div{
        border-left: 1px solid #ccc;
    }
    .waterDs>ul .waterdataLi>div:nth-child(1){
        border-left:0;
    }
    .waterDs>ul .waterfirstLi>div{
        border-left: 1px solid #ccc;
    }
     .waterDs>ul .waterfirstLi>div:nth-child(1){
        border-left:0;
    }
     .waterDs>ul .waterdataLi>div:nth-child(1){
         display: flex;
         align-items: center;
         justify-content: center;
     }
    .waterDs>ul .waterdataLi>div:nth-child(1)>div{
        width: 30px;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
     }
     .waterDs>ul .waterdataLi>div:nth-child(1)>div img{
         display: inline-block;
         height: 30px;
         width: 30px;
         border-radius: 3px;
         border: 1px solid #ccc;
     }
    .waterdataLi:hover {background-color: #f9fafc;
    }

    .waterDs>ul .waterlastLi {display: flex;border-top: 1px solid #8492a6;align-items: center;height: 55px;justify-content: space-between;
    }

    .waterDs>ul .waterlastLi>div:nth-child(1) {width: 97%;height: 35px;margin-top: 0px;
    }

    .waterDs>ul .waterlastLi>div:nth-child(2) {width: 1%;height: 35px;margin-top: 3px;
    }

    .popupTitle {height: 70px;position: relative;top: 0;left: 0;
    }

    .popupTitle h2 {width: 100%;height: 70px;line-height: 70px;text-align: center;color: #324057;margin: 0;padding: 0;
    }

    .popupTitle>div {position: absolute;top: 15px;right: 15px;width: 16px;height: 17px;cursor: pointer;
    }

    .popupTitle>div>img {width: 100%;height: 100%;margin: 0;padding: 0;
    }  
    /*添加通知弹出框*/
    .addMessagePopup {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.47);
    }
    .addMessageMain {width: 570px;height: 430px;background-color: #fff;border: 1px solid #8492a6;border-radius: 7px;margin: calc((100vh - 340px) / 2) auto;
    }
    .addMessageMain .promptCMessage {color: red;text-align: center;line-height: 25px;height: 20px;
    }
    .addPoneMessage {display: flex;margin-top: 10px;margin-bottom: 10px;
    }
    .addPoneMessage>div:nth-child(1) {width: 150px;height: 55px;text-align: center;font-size: 15px;color: #000;line-height: 55px;
    }
    .addPoneMessage>div:nth-child(1) small{color: red;margin-right: 5px;}

    .addPoneMessage .subject {display: flex;align-items: center;width: 380px;height: 70px;
    }
    .addPoneMessage .content {display: flex;align-items: center;width: 380px;height: 165px;
    }
    .addPoneMessage>div:nth-child(2) textarea{width: 100%;height: 100%;}
    .addOperMessage {margin-top: 10px;height: 60px;display: flex;justify-content:flex-end;align-items: center;border-top: 1px solid #ccc;
    }

    .showUpImage{width: 80px;height: 80px;}
    .removeImage{width: 100px;height: 30px;text-align: center;font-size: 14px;color: #666;border: 1px solid #ddd;border-radius: 3px;line-height: 30px;}
    .addOperMessage>button {width: 80px;height: 35px;color: #fff;font-size: 15px;border-radius: 3px;border: 1px solid #f9fafc;
    }
    .addOperMessage>button:nth-child(1) {background-color: #20a0ff;margin-right: 20px;
    }
    .addOperMessage>button:nth-child(2) {
        background-color: #ff4949;margin-right: 40px;
    }
    
    .popupTitleMessage {height: 70px;position: relative;top: 0;left: 0;
    }

    .popupTitleMessage h2 {width: 100%;height: 70px;line-height: 70px;text-align: center;color: #324057;margin: 0;padding: 0;
    }

    .popupTitleMessage>div {position: absolute;top: 15px;right: 15px;width: 16px;height: 17px;cursor: pointer;
    }

    .popupTitleMessage>div>img {width: 100%;height: 100%;margin: 0;padding: 0;
    }
    .showMessageAdd {display: none;
    }

    .showdeta {display: none;
    }

    .showWater {display: none;
    }

    .slide-fade-enter-active {transition: all 0.7s ease;
    }

    .slide-fade-enter,
    .slide-fade-leave-active {transform: translateY(-30px);opacity: 0;
    }















    .showAdd {display: none;
    }

    .showdeta {display: none;
    }

    .showWater {display: none;
    }
    .showAdd {display: none;
    }

    .showdeta {display: none;
    }

    .showWater {display: none;
    }

    .slide-fade-enter-active {transition: all 0.7s ease;
    }

    .slide-fade-enter,
    .slide-fade-leave-active {transform: translateY(-30px);opacity: 0;
    }
